<!DOCTYPE HTML>
<html>
    <head>
    <meta charset=utf-8>
    <title>LEDLAMPS</title>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/modernizr-1.7.min.js"></script>
    <!-- this is the javascript allowing html5 to run in older browsers -->
    
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" title="html5doctor.com Reset Stylesheet" />
    
    <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    
    <!-- in the CSS3 stylesheet you will find examples of some great new features CSS has to offer -->
    <link rel="stylesheet" type="text/css" href="css/css3.css" media="screen" />
    
    <!-- general stylesheet contains some default styles, you do not need this, but it helps you keep a uniform style -->
    <link rel="stylesheet" type="text/css" href="css/general.css" media="screen" />
    
    <!-- grid's will help you keep your website appealing to your users, view 52framework.com website for documentation -->
    <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" />
    
    <!-- the following style is for demonstartion purposes only and is not needed for anything but inspiration -->
    <style>
		
	</style>
    <!--[if IE]> <style> .report_bugs {left:0px;} </style>	<![endif]-->
    </head>

<body>
<div class="header-bg">
	<header>    	
        <div class="logo col_7 col">
        	<a href="index.html"><h1 id="logo" class="left">LEDLAMPS</h1> </a>           
        </div>
        <!-- start head-right-portion -->
        <div class="head-right-portion right">
            <div class="head-telno align_center gray"><p>Phone <strong>009714 353 5455</strong><br>Mobile <strong>009714 353 4283</strong></p></div>
            <div class="head-search">
                	<form action="searching...">
                    	<div class="head-field-wrap">
                        	<input type="text" class="head-search-field" />
                        </div>
                        	<input class="search-submit" type="submit" value=" " />
                    </form>
                    <div class="clear"></div>
            </div>
        </div>
        <!-- end head-right-portion -->
         
        <!-- nav col_9 -->
        <div class="clear"></div><!-- clear -->
        <nav>
        	<ul>
            	<li><a href="#">FAQ</a></li>
                <li><a href="#">About</a></li>
                <li><a href="contactpage.php">Contact</a></li>
                <li><a href="#">Request Quote</a></li>
            </ul>
        </nav>
    </header>
</div>
<!-- start slider section -->
<section class="row" id="slider-section">
	<!-- start slider-wrapper -->
	<div class="slider-wrapper theme-default">
    		<!-- start slider -->
            <div id="slider" class="nivoSlider">                
                <a href="#"><img src="slideshow-img/1.jpg" data-thumb="slideshow-img/1.jpg" alt="" data-transition="fold"  /></a>
                <a href="#"><img src="slideshow-img/2.jpg" data-thumb="slideshow-img/2.jpg" alt="" data-transition="fold"  /></a>
                <a href="#"><img src="slideshow-img/3.jpg" data-thumb="slideshow-img/3.jpg" alt="" data-transition="fold" /></a>
                <a href="#"><img src="slideshow-img/4.jpg" data-thumb="slideshow-img/4.jpg" alt=""  data-transition="fold" /></a>
            </div>            
            <!-- end slider -->
      </div>
      <!-- end slider-wrapper -->
</section>
<!-- end slider section -->


<!-- start subpage-content-wrap -->
<section class="row subpage-content-wrap" id="styled">
	 <div id="subpage-content-left" class="left"> 
     	<h2 class="GudeaRegular">Basics of LED lighting</h2>
       <h3 class="GudeaRegular">Discover everything you need to know about the LED phenomenon.</h3>
       <h5><i>Learn more about how LEDs and LED lamps are put together. We explain what makes a reliable LED lamp. And become an 'LED master' through our LED Masterclasses.</i></h5>
	   <h3 class="GudeaRegular">Basic things to know about LED lamps</h3>
	   <div class="lib3" style="width: 650px; overflow: hidden;">
        <p>
        Performance of an LED lamp is the result of
        <strong>3 groups of components</strong>
        :
        <br/>
        <img title="" border="0" alt="" style="float: left; padding-right: 15px;" src="http://www.lighting.philips.com/pwc_li/main/lightcommunity/assets/Philips_LED_lamps_basics.jpg"/>
        <br/>
        1. Optical LED components
        <br/>
        2. Electrical LED components
        <br/>
        3. Mechanical and thermal LED components
        <br/>
        <br/>
        <strong>Performance indicators are:</strong>
        </p>
        <p>
        </div>
        <p><small>source: <a href="http://www.lighting.philips.com/main/lightcommunity/trends/led/what_are_leds.wpd">http://www.lighting.philips.com/main/lightcommunity/trends/led/what_are_leds.wpd</a></small></p>
	 </div>
  <!-- start subpage-content-right -->
  <div id="subpage-content-right" class="right">
  	<!-- start sidebarbox: products -->
  	<div class="sidebarbox">
    	<h3 class="economicaBold">Products</h3>
        <div class="sidebar-content">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing malesuada bibendum. Cras dui tellus, semper ut imperdiet non, varius ac mi. </p>
        </div>
    </div>
    <!-- end sidebarbox: products -->
    <!-- start sidebarbox: Section 2 -->
  	<div class="sidebarbox">
    	<h3 class="economicaBold">Section 2</h3>
        <div class="sidebar-content">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing malesuada bibendum. Cras dui tellus, semper ut imperdiet non, varius ac mi. </p>
        </div>
    </div>
    <!-- end sidebarbox: Section 2 -->
    <!-- start sidebarbox: Downloads -->
  	<div class="sidebarbox">
    	<h3 class="economicaBold">Downloads</h3>
        <div class="sidebar-content">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing malesuada bibendum. Cras dui tellus, semper ut imperdiet non, varius ac mi. </p>
        </div>
    </div>
    <!-- end sidebarbox: Downloads -->
  </div>
  <!-- end subpage-content-right -->
</section>
<!-- end subpage-content-wrap -->

<footer class="row">

	<div class="col_16 col">all rights reserved &copy; <a href="http://www.enavu.com">enavu network</a> | 52framework the framework from the future</div>

</footer>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
</body>
</html>
